// 热门推荐渲染数据
function renderHot(ele) {
    $('.hot_merchandise  ul')[0].innerHTML = '';
    ele.map(function (value, index) {

        if (index < 4) {
            return $('.hot_merchandise  ul')[0].innerHTML += `<li>
        <div class="hot_merchandise_img">
            <img src=${value.goods_thumb[0]} alt="">
        </div>
        <div class="hot_merchandise_name">
            <a href="${value.url}?${value.goods_id}" title="${value.title}">${value.title}</a>
        </div>
        <div class="hot_merchandise_price">
           ${value.shop_price_formated}
        </div>
        <div class="hot_merchandise_btn">
            立即购买
        </div>
    </li>`;
        }
    });
};
renderHot(allData.beautyData.hotData);
// 品牌数据渲染
function renderPp(ele) {
    var str = '';
    ele.forEach(function (value) {
        str += `<li>
        <a href="#">
           <div class="bd_img"> <img src="${value.goods_logo}" alt=""></div>
            <span>${value.good_name}</span>
        </a>
    </li>`
    })
    $('.clumn_bd_right1 ul').html(str)
};
renderPp(allData.beautyData.brand)
// 主体商品渲染
function renderBd(ele) {
    var str1 = '';
    ele.forEach(function (value) {
        var str2 = '';
        var str3 = '';
        if (value.good_name == '美宝莲') {
            str3 = `<i class="iconfont icon-kefu1"></i>`
        } else {
            str3 = `<i class="iconfont icon-kefu1 icon2"></i>`
        }
        value.goods_thumb.forEach(function (value1) {
            str2 += `
            <li class="curr">
                <img src="${value1}" alt="">
            </li>`
        })
        // 加一个..........................................
        str1 += `<li class="content_bd">
        <a class="aaa" href="${value.url}?${value.goods_id}">
            <div class="content_bd_img1">
            <img src="${value.goods_thumb[0]}" alt="">
            </div>
        </a>

            <div class="content_bd_img2">
            <ul>`+ str2
            + `</ul>
            </div>
            <div class="bd_lie">
            <div class="bd_lie_price">${value.shop_price_formated}</div>
            <div class="bd_lie_num">已售<span class="num">${value.sales}</span>件</div>
            </div>
            <div class="bd_name">
            <a href="${'?' + value.goods_id}" title="${value.title}">${value.title}</a>
            </div>
            <div class="bd_store">
            <span class="store">${value.good_name}</span>` + str3 + `
            </div>
            <div class="bd_operate">
            <a class="comparison">
                <input class="oinput1" type="checkbox" id="${value.iptid}">
                <label for="${value.iptid}">对比</label></a>
            <a class="collect"><i class="iconfont icon-aixin2
                        "></i>收藏</a>
            <a class="addsp"><i class="iconfont icon-gouwuche
                        "></i>加入购物车</a>
            </div>
    </li>`
    })
    $('.content .content_brand').html(str1)
};
renderBd(allData.beautyData.mainData);
// 推广商品渲染
function renderPt(ele) {
    var str = '';
    ele.forEach(function (value) {
        str += `
        <li>
            <div class="pt_bd_img">
            <img src="${value.goods_thumb[0]}" alt="">
            </div>
            <div class="pt_bd_price">${value.shop_price_formated}</div>
            <div class="pt_bd_name">
                <a href="${value.url}?${value.goods_id}" title="${value.title}">${value.title}</a>
            </div>
            <div class="pt_bd_num">已售<span class="num">${value.sales}</span>件</div> 
        </li>
        `
    });
    $('.promotion_bd ul').html(str);
};
renderPt(allData.beautyData.promoteData);
// 猜你喜欢渲染
function renderLikeBd(ele) {
    var str = '';
    ele.forEach(function (value) {
        str += `
        <li>
            <div class="l_bd_img">
                <img src="${value.goods_thumb[0]}" alt="">
            </div>
            <div class="l_bd_price">${value.shop_price_formated}</div>
            <div class="l_bd_name">
                <a href="${value.url}?${value.goods_id}" title="${value.title}">${value.title}</a>
            </div>
            <div class="l_bd_num">已售<span class="num">${value.sales}</span>件</div> 
        </li>
        `
    });
    $('.like_bd ul').html(str);
};
renderLikeBd(allData.beautyData.guessData);
$('.all_a_z li').mouseover(function () {
    $(this).addClass('active0').siblings().removeClass('active0');
    $('.clumn_bd_r_list').css('display', 'none');
});
$('.all').mouseover(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $('.clumn_bd_r_list li').css('display', 'block')
});
$('.B').hover(function () {
    $('.clumn_bd_r_list').css('display', 'block');

    $('.clumn_bd_r_list li').eq(1).css('display', 'block').siblings().css('display', 'none');
});
$('.F').hover(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $('.clumn_bd_r_list li').eq(4).css('display', 'block').siblings().css('display', 'none');
});
$('.J').hover(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $('.clumn_bd_r_list li').eq(0).css('display', 'block').siblings().css('display', 'none');
});
$('.N').hover(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $('.clumn_bd_r_list li').eq(3).css('display', 'block').siblings().css('display', 'none');
});
$('.P').hover(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $('.clumn_bd_r_list li').eq(2).css('display', 'block').siblings().css('display', 'none');
});
$('.X').hover(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $('.clumn_bd_r_list li').eq(5).css('display', 'block').siblings().css('display', 'none');
});
$('.clumn_bd_r_list li').click(function () {
    $('.clumn_bd_r_list').css('display', 'block');
    $(this).find('span').toggleClass('active_bg');
    if ($('.active_bg')) {
        $('.enter').css('display', 'block')
    };
    if ($('.active_bg').length == 0) {
        $('.enter').css('display', 'none');
    };
    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('.clumn_bd_m_second').click(function () {
    if ($('.icon-xiangshang').length != 0) {
        alert('请收起全部单选');
        return;
    }
    if ($('.icon-jian').length == 0) {
        $('.qiehuan').addClass('icon-jian').removeClass('icon-jia');
        $('.clumn_bd_right1').css('display', 'none');
        $('.clumn_bd_right2').css('display', 'block');
    } else {
        $('.qiehuan').addClass('icon-jia').removeClass('icon-jian');
        $('.clumn_bd_right2').css('display', 'none');
        $('.clumn_bd_right1').css('display', 'block');
    }
});
$('.close').click(function () {
    $('.qiehuan').addClass('icon-jia').removeClass('icon-jian');
    $('.clumn_bd_right2').css('display', 'none');
    $('.clumn_bd_right1').css('display', 'block');
    $('.clumn_bd_r_list li').find('span').removeClass('active_bg');
    $('.enter').css('display', 'none');
    location.href = 'file:///D:/Desktop/项目/goods-Beauty.html'
})
$('.clumn_bd_m_first').click(function () {
    if ($('.icon-jian').length != 0) {
        alert('请收起全部多选');
        return;
    }
    if ($('.icon-xiangshang').length == 0) {
        $('.addD').css('display', 'block');
        $('.qiehuan1').addClass('icon-xiangshang').removeClass('icon-xiangxia');
    } else {
        $('.qiehuan1').addClass('icon-xiangxia').removeClass('icon-xiangshang');
        $('.addD').css('display', 'none');
    }
    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('.sub_1  li').click(function () {
    $(this).find('.iconfont').addClass('icon-shangfan1').end().siblings().find('.iconfont').removeClass('icon-xiafan1').addClass('icon-shangfan1')
    $('.sub_3 input').each(function (index, value) {
        $(value).prop('checked', false);
    })
    $(this).addClass('active1').siblings().removeClass('active1')
    if ($(this).find('.icon-xiafan1').length == 0) {
        $(this).find('.iconfont').addClass('icon-xiafan1').removeClass('icon-shangfan1');
    } else {
        $(this).find('.iconfont').addClass('icon-shangfan1').removeClass('icon-xiafan1');
    }
});
var newMainData = allData.beautyData.mainData;
var newMainData1;
var newhotData = allData.beautyData.hotData;
var newhotData1;
var newhotData2;
var newpromoteData = allData.beautyData.promoteData;
var newpromoteData1;
$('.sub_2 input').click(function () {
    $('.expand').css('display', 'block');
});
$('#affirm').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2')
    $('.expand').css('display', 'none');
    $('.sub_3 input').each(function (index, value) {
        $(value).prop('checked', false);
    });
    $('html').fadeOut(100);
    $('html').fadeIn(100);
    newMainData1 = newMainData.filter(function (value) {
        if ($('#price1').val() > $('#price2').val() || $('#price1').val() > $('#price2').val() || $('#price1').val() == '' && $('#price2').val() == '') {
            $('#pbDialog').css('display', 'block')
            $('#pb-mask').css('display', 'block');
            return;
        }
        if ($('#price1').val() == '') {
            return value.shop_price <= parseInt($('#price2').val());
        }
        if ($('#price2').val() == '') {
            return value.shop_price >= parseInt($('#price1').val());
        }
        return value.shop_price >= parseInt($('#price1').val()) && value.shop_price <= parseInt($('#price2').val())
    });
    newMainData2 = newMainData1;
    newhotData1 = newhotData.filter(function (value) {
        if ($('#price1').val() == '') {
            return value.shop_price <= parseInt($('#price2').val());
        }
        if ($('#price2').val() == '') {
            return value.shop_price >= parseInt($('#price1').val());
        }
        return value.shop_price >= parseInt($('#price1').val()) && value.shop_price <= parseInt($('#price2').val())
    });
    newpromoteData1 = newpromoteData.filter(function (value) {
        if ($('#price1').val() == '') {
            return value.shop_price <= parseInt($('#price2').val());
        }
        if ($('#price2').val() == '') {
            return value.shop_price >= parseInt($('#price1').val());
        }
        return value.shop_price >= parseInt($('#price1').val()) && value.shop_price <= parseInt($('#price2').val())
    });
    if (newMainData1.length != 0) {
        renderBd(newMainData1);
    } else {
        renderBd(newMainData);
    };
    if (newhotData1.length != 0) {
        renderHot(newhotData1);
    } else {
        renderHot(newhotData);
    };
    if (newpromoteData1.length != 0) {
        renderPt(newpromoteData1);
    } else {
        renderPt(newpromoteData);
    };
    $('.expand').css('display', 'none')
}).mouseover(function () {
    $('.sub_2 input').off('blur');
});
$('.subnav ul  .sales').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2')
    if (!$('#store-checkbox-012').prop('checked')) {
        newMainData1 = newMainData;
    }
    if (!newMainData1) {
        if ($(this).find('.icon-xiafan1').length == 0) {
            for (var i = 0; i < newMainData.length - 1; i++) {
                for (var j = 0; j < newMainData.length - i - 1; j++) {
                    if (parseInt(newMainData[j].sales) > parseInt(newMainData[j + 1].sales)) {
                        [newMainData[j], newMainData[j + 1]] = [newMainData[j + 1], newMainData[j]];
                    }
                }
            };
            renderBd(newMainData);
        } else {
            for (var i = 0; i < newMainData.length - 1; i++) {
                for (var j = 0; j < newMainData.length - i - 1; j++) {
                    if (parseInt(newMainData[j].sales) < parseInt(newMainData[j + 1].sales)) {
                        [newMainData[j], newMainData[j + 1]] = [newMainData[j + 1], newMainData[j]];
                    }
                }
            };
            renderBd(newMainData);
        }
    } else {
        if ($(this).find('.icon-xiafan1').length == 0) {
            for (var i = 0; i < newMainData1.length - 1; i++) {
                for (var j = 0; j < newMainData1.length - i - 1; j++) {
                    if (parseInt(newMainData1[j].sales) > parseInt(newMainData1[j + 1].sales)) {
                        [newMainData1[j], newMainData1[j + 1]] = [newMainData1[j + 1], newMainData1[j]];
                    }
                }
            };
            renderBd(newMainData1);
        } else {
            for (var i = 0; i < newMainData1.length - 1; i++) {
                for (var j = 0; j < newMainData1.length - i - 1; j++) {
                    if (parseInt(newMainData1[j].sales) < parseInt(newMainData1[j + 1].sales)) {
                        [newMainData1[j], newMainData1[j + 1]] = [newMainData1[j + 1], newMainData1[j]];
                    }
                }
            };
            renderBd(newMainData1);
        }
    }
    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('.subnav ul .price0').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2')
    $('#price1').val('');
    $('#price2').val('');
    if (!$('#store-checkbox-012').prop('checked')) {
        newMainData1 = newMainData;
    }
    if (!newMainData1) {
        if ($(this).find('.icon-xiafan1').length == 0) {
            for (var i = 0; i < newMainData.length - 1; i++) {
                for (var j = 0; j < newMainData.length - i - 1; j++) {
                    if (parseInt(newMainData[j].shop_price) > parseInt(newMainData[j + 1].shop_price)) {
                        [newMainData[j], newMainData[j + 1]] = [newMainData[j + 1], newMainData[j]];
                    }
                }
            };
            renderBd(newMainData);
        } else {
            for (var i = 0; i < newMainData.length - 1; i++) {
                for (var j = 0; j < newMainData.length - i - 1; j++) {
                    if (parseInt(newMainData[j].shop_price) < parseInt(newMainData[j + 1].shop_price)) {
                        [newMainData[j], newMainData[j + 1]] = [newMainData[j + 1], newMainData[j]];
                    }
                }
            };
            renderBd(newMainData);
        }
    } else {
        if ($(this).find('.icon-xiafan1').length == 0) {
            for (var i = 0; i < newMainData1.length - 1; i++) {
                for (var j = 0; j < newMainData1.length - i - 1; j++) {
                    if (parseInt(newMainData1[j].shop_price) > parseInt(newMainData1[j + 1].shop_price)) {
                        [newMainData1[j], newMainData1[j + 1]] = [newMainData1[j + 1], newMainData1[j]];
                    }
                }
            };
            renderBd(newMainData1);
        } else {
            for (var i = 0; i < newMainData1.length - 1; i++) {
                for (var j = 0; j < newMainData1.length - i - 1; j++) {
                    if (parseInt(newMainData1[j].shop_price) < parseInt(newMainData1[j + 1].shop_price)) {
                        [newMainData1[j], newMainData1[j + 1]] = [newMainData1[j + 1], newMainData1[j]];
                    }
                }
            };
            renderBd(newMainData1);
        }
    }
    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('.sub_1 .lis').click(function () {

    location.href = 'file:///D:/Desktop/项目/goods-Beauty.html';
})
$('#eliminate').click(function () {

    $('#price1').val('');
    $('.sub_2 input').off('blur');
    $('#price2').val('');
    $('.expand').css('display', 'none');
});
$('.sub_2 input').on('blur', function () {
    $('.expand').css('display', 'none');

})
$('.pb-x').click(function () {
    $('#pbDialog').css('display', 'none');
    $('#pb-mask').css('display', 'none');
    $('#pbDialog1').css('display', 'none');
});
$('#store-checkbox-011').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2');
    console.log($(this).prop('checked'));
    if ($(this).prop('checked')) {
        $('.content').css('display', 'none');
        $('.clumn_hot').css('display', 'none');
        $('.goods-list').css('display', 'block')
    } else {
        $('.content').css('display', 'block')
        $('.clumn_hot').css('display', 'block');
        $('.goods-list').css('display', 'none')

    };
    $('html').fadeOut(100);
    $('html').fadeIn(100);
})
$('#store-checkbox-012').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2');
    if ($(this).prop('checked')) {
        if ($('.price0').prop('class').length > 6) {
            newMainData1 = newMainData1.filter(function (value) {
                return value.good_name == '商创自营';
            });
        } else {
            newMainData1 = newMainData.filter(function (value) {
                return value.good_name == '商创自营';
            });
        }
        renderBd(newMainData1);
    } else {
        renderBd(newMainData);

    };
    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('#store-checkbox-013').click(function () {

    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
function renderbd_x(ele) {
    var str = '';
    var str = '';
    ele.forEach(function (value) {
        if (value.good_name == '美宝莲') {
            str1 = `<i class="iconfont icon-kefu1"></i>`
        } else {
            str1 = `<i class="iconfont icon-kefu1 icon2"></i>`
        }
        str += `
        <li class="c_bd_item">
                    <a href="#" class="a1">
                        <img src="${value.goods_thumb[0]}" alt="">
                    </a>
                    <div class="bd_name">
                        <a href="#" title="${value.title}">${value.title}</a>
                        <p>
                            <span class="sales">销量:${value.sales}</span>
                            <span class="pingjia">评价:0</span>
                        </p>
                    </div>
                    <div class="bd_store">
                        <span class="store">${value.good_name}</span>` + str1 + `
                    </div>
                    <div class="price_">
                        <div class="shop_price">${value.shop_price_formated}</div>
                        <div class="original_price">
                        ${value.market_price_formated}
                        </div>
                    </div>
                    <div class="bd_operate">
                        <a class="comparison">
                            <input class="oinput1" type="checkbox" id="${value.iptid}">
                            <label for="${value.iptid}">对比</label></a>
                        <a class="collect"><i class="iconfont bg_ icon-aixin2
                        "></i>收藏</a>
                        <a class="addsp"><i class="iconfont icon-gouwuche
                        "></i>加入购物车</a>
                    </div>
                </li>`
    })
    $('.content .content_brand').html(str);
};
$('.sub_4_r li').click(function () {
    $(this).addClass('active2').siblings().removeClass('active2')
});
$('#smalltu').click(function () {
    if (newMainData1) {
        renderbd_x(newMainData1);
    } else {
        renderbd_x(newMainData);
    }
});
$('#bigtu').click(function () {
    // if (!$('#store-checkbox-012').prop('checked')) {
    //     newMainData1 = newMainData;
    //     renderBd(newMainData1);
    // };

    if (!newMainData1) {
        renderBd(newMainData);
    } else {
        renderBd(newMainData1);
    }
});
$('.curr').mouseover(function () {
    $(this).parents('.content_bd_img2').prev().find('img').attr('src', $(this).find('img').attr('src'))
})
$('.clumn_bd_right1 li a').click(function () {
    $(this).parent().siblings().css('display', 'none')
    var that = this;
    newhotData1 = newhotData.filter(function (value) {

        return value.title.includes($(that).find('span').text())
    });
    renderHot(newhotData1);
    newMainData1 = newMainData.filter(function (value) {

        return value.title.includes($(that).find('span').text())
    });
    renderBd(newMainData1);
    newpromoteData1 = newpromoteData.filter(function (value) {

        return value.title.includes($(that).find('span').text())
    });
    renderPt(newpromoteData1);
});
$('.enter').click(function () {
    console.log($('.active_bg').next('a').text().trim());
    $('.active_bg').next('a').each(function (index, value1) {
        // console.log($(value).text().trim());
        newhotData1 = newhotData.filter(function (value) {
            return value.title.includes($(value1).text().trim())
        });
        renderHot(newhotData1);
        newMainData1 = newMainData.filter(function (value) {
            console.log(value.title.includes($(value1).text().trim()));
            return value.title.includes($(value1).text().trim())
        });
        renderBd(newMainData1);
        newpromoteData1 = newpromoteData.filter(function (value) {

            return value.title.includes($(value1).text().trim())
        });
        renderPt(newpromoteData1);
    });
});
function fun(url, name, price) {
    $('.ulist1')[0].innerHTML += `<li class="list1">
    <div class="list1_img">
        <img src="${url}" alt="">
    </div>
    <a href="#">${name}</a>
    <p class="list1_price">${price}</p>
    <p class="rem">删除</p>
</li>
    `
};
var index1;
var index2;
var imgUrl;
var bdName;
var bdPrice;
$('.comparison').click(function (e) {
    if ($(e.target).is("input")) {
        return;
    };
    imgUrl = $(this).parents('.content_bd').find('.content_bd_img1').children().attr('src');
    bdName = $(this).parents('.content_bd').find('.bd_name').children().text().trim();
    bdPrice = $(this).parents('.content_bd').find('.bd_lie_price').text();

    if (!$(this).parents('.content_bd').find('.oinput1').prop('checked')) {

        if (!$('#contrast').attr('display')) {
            $('#contrast').css('display', 'block');

        };
        if ($('.list1').length > 3) {
            $('#pbDialog1').css('display', 'block');
            $('#pb-mask').css('display', 'block');
            $(this).parents('.content_bd').find('.oinput1').prop('checked', true)
        } else {
            fun(imgUrl, bdName, bdPrice);
            $('.list1').each(function (index, value) {
                $(value).css('order', -parseInt($(value).find('.list1_price').text().slice(1)))
            });
        }
        $('.rem').click(function () {
            $(this).parent().remove();
            var that1 = this;
            $('.content_bd .bd_name a').each(function (index, value) {

                if ($(value).text().trim() == $(that1).prevAll('a').text().trim()) {

                    index2 = $(value).parents('.content_bd').index();
                }

            });
            $('.content_bd').eq(index2).find('.oinput1').prop('checked', false);
            if ($('.list1').length == 0) {
                $('.contrast').css('display', 'none')
            }
            if ($('.list1').length == 0) {
                $('#contrast').css('display', 'none');

            }
        })

    } else {
        $('.list1 a').each(function (index, value) {
            if ($(value).text().trim() == bdName) {
                index1 = $(value).parent().index();
            }
        });
        $('.list1').eq(index1).remove();
        if ($('.list1').length == 0) {
            $('.contrast').css('display', 'none')
        }
    };

});
$('.txt3').click(function () {
    $('.ulist1')[0].innerHTML = '';
    // console.log($('.oinput1'));
    $('.oinput1').prop('checked', false)
    $('#contrast').css('display', 'none');
});
$('.yincang').click(function () {
    $('#contrast').css('display', 'none');
});





// 移入a标签变红
console.log($('a[class!=red][class!=em]'));
$('a[class!=red]').on('mouseover', function () {
    $(this).css({
        'color': 'red'
    })
})
// 移出a标签变回原来
$('a[class!=red][class!=em]').on('mouseout', function () {
    $(this).css({
        'color': ''
    })
});
$('.red').mouseover(function () {
    $('.menu_bottom').css('display', 'block')
}).mouseout(function () {
    $('.menu_bottom').css('display', 'none')
});
$('.menu_bottom').mouseover(function () {
    $('.menu_bottom').css('display', 'block')
}).mouseout(function () {
    $('.menu_bottom').css('display', 'none')
});
// 二级导航消失隐藏部分
$('.menu_sidebar').find('li').mousemove(function () {
    $(this).css({
        'background-color': '#000'
    })
    var index = $(this).index();
    $('.menu_bottom').find('.navigation-coment').eq(index).css({
        'display': 'block'
    })
})
$('.menu_sidebar').find('li').mouseout(function () {
    $(this).css({
        'background-color': ''
    })
    var index = $(this).index();
    $('.menu_bottom').find('.navigation-coment').eq(index).css({
        'display': 'none'
    })
})
// 点击输入框让placeholde的参数消失
// focus获取焦点
$('.formtop input').on('focus', function () {
    $(this).attr('placeholder', '')
})
// blur失去焦点
console.log($('.formtop input'));
$('.formtop input').on('blur', function () {
    if ($(this).val() == 0) {
        $(this).attr('placeholder', '内衣')
    }
})
// 跳楼事件
$('.English').children('a').on('mousemove', function (e) {
    var index1 = $(this).index();
    var index2 = $('.county-ul li').eq(index1).offset().top;
    $('.county-coment,.leftspan-dh  ').stop().animate({
        scrollTop: index2,
    })

    // })

})


// 显示隐藏事件.
function mouseoverDate(me, em) {
    $(me).mousemove(function () {
        $(this).find(em).css({
            'display': 'block'

        })
        // console.log(11);
        // console.log($(this).find(em));

    })

}

function mouseoutDate(re, er) {
    $(re).mouseout(function () {
        $(this).find(er).css({
            'display': 'none'
        })
    })
}
mouseoverDate('.spanpadding', '.leftspan-dh');
mouseoutDate('.spanpadding', '.leftspan-dh');

$('.vfp').mousemove(function () {
    $(this).find('.vfpdiv').css({
        'display': 'block'
    })
    console.log($(this).parent('.vfp').find('.vfpdiv'));
})
$('.vfp').mouseout(function () {
    $(this).find('.vfpdiv').css({
        'display': 'none'
    })
})




$('.cartcontent').mousemove(function () {
    $(this).parents('.cart').find('.dorpdown-layer').css({
        'display': 'block'
    })
    $('.conceal').css({
        'display': 'block'
    })
})
$('.cartcontent').mouseout(function () {
    $(this).parents('.cart').find('.dorpdown-layer').css({
        'display': 'none'
    })
    $('.conceal').css({
        'display': 'none'
    })
})

$('.hposition').children('ul').children('li').mousemove(function () {
    $(this).css({
        'background-color': 'red',

    })

})
$('.hposition').children('ul').children('li').mouseout(function () {
    $(this).css({
        'background-color': '',

    })

})



$('.big a').mousemove(function () {
    $('.number').css({
        'background-color': 'white',
        'color': 'red'

    })

})
$('.big a').mouseout(function () {
    $('.number').css({
        'background-color': '',
        'color': 'white'

    })

})
// console.log($('.ddan').children('a'))
$('.ddan').children('a').mousemove(function () {
    $(this).css({
        'background-color': 'white',
        'color': '#333'
    })
})
$('.ddan').children('a').mouseout(function () {
    $(this).css({
        'background-color': '',
        'color': ''
    })
})
$('.hposition').find('li').eq(0).mousemove(function () {
    $(this).children('.time-1').css({
        'display': 'block'
    })
})
$('.hposition').find('li').eq(0).mouseout(function () {
    $(this).children('.time-1').css({
        'display': 'none'
    })
})
// 右边的定位设置
var sun = 1;
$('.big').click(function () {
    sun++;
    if (sun % 2 == 0) {
        $(this).addClass('mered')
        $('.rightsidebar').stop().animate({
            'right': 0,
        })
    } else {
        $('.rightsidebar').stop().animate({
            'right': -280,
        })
        $(this).removeClass('mered')

    }
})


$('.a-img').click(function () {
    $('.rightsidebar').stop().animate({
        'right': -280,
    })
    $('.big').removeClass('mered')
})
$('.icon-chahao').on('click', function () {
    $(this).parent('.bannera').css({
        'display': 'none'
    })
    $(this).parents('.banner').css({
        'display': 'none'
    })
})

$('.footerone a').mousemove(function () {
    $(this).css({
        'color': 'white'
    })
})


var off = $('.menu_sidebar').offset().top;
console.log(off);
$(window).scroll(function () {
    if ($(document).scrollTop() >= 600) {
        $('.back-to-top').fadeIn(500)
    } else {
        $('.back-to-top').fadeOut(500)
    }
})
$('.back-to-top').click(function () {
    $('body,html').stop().animate({
        scrollTop: 0,
    })
})
$('.remove').click(function () {
    $('.dl').css({
        'display': 'none'
    })
    $('.diamonds').css({
        'display': 'none'
    })
})
console.log(
    $('.hposition').children('ul').children('li').not('.big').not('.back-to-top')
);

$('.hposition').children('ul').children('li').not('.big,last-child').not('.back-to-top').click(function () {
    $('.dl').css({
        'display': 'block'
    })
    $('.diamonds').css({
        'display': 'block'
    })
})



$('.bass').click(function () {
    console.log($(this).prev());
    var me = $(this).prev();
    if (me.prop('checked')) {
        $(this).addClass('bal-img')
    } else {
        $(this).removeClass('bal-img')

    }
});


// 购物车
$('.addsp').click(function () {
    //  var arr=localStorage.getItem('shopping')
    if (localStorage.getItem('shopping')) {
        var arr = localStorage.getItem('shopping');
    } else {
        var arr = '';
    }
    var oname = $(this).parent().prevAll().eq(1).children().text();
    var obj

    showData.main.forEach(function (value) {
        if (oname == value.title) {
            obj = value
        }
    })
    arr += JSON.stringify(obj)
    arr += '&'
    localStorage.setItem('shopping', arr);
})

